<template>
    <el-form label-width="80px" size="mini">
        <div class="tablecontent">
            <table>
                <thead>
                <tr>
                    <th width="25%">车货总重(吨)</th>
                    <th width="25%">限载量(吨)</th>
                    <th width="25%">初检超载量(吨)</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>{{ test.entranceWeight }}</td>
                    <td>{{ test.limitWeight }}</td>
                    <td>{{ test.overWeight }}</td>

                </tr>
                </tbody>
            </table>
            <table>
                <thead>
                <tr>

                    <th width="25%">本次检测重量(吨)</th>
<!--                    <th width="25%" v-if="Status">当前超载量(吨)</th>-->
                    <th width="25%">当前超载量(吨)</th>
                    <th width="30%">上称时间</th>
                </tr>
                </thead>
                <tbody>
                <tr class="noborder">
                    <td>{{ test.currentWeight}}</td>
<!--                    <td v-if="Status">{{ test.currentOverWeight }}</td>-->
                    <td>{{ test.currentOverWeight }}</td>
                    <td>{{ moment(test.gmtWeighOn).format('YYYY-MM-DD HH:mm:ss') }}</td>
                </tr>
                </tbody>
            </table>
            <table>
                <thead>
                <tr>
                    <th width="25%">车长</th>
                    <th width="25%">车宽</th>
                    <th width="25%">车高</th>

                </tr>
                </thead>
                <tbody>
                <tr class="noborder">
                    <td>{{ test.currentLength }}</td>
                    <td>{{ test.currentWidth }}</td>
                    <td>{{ test.currentHeight }}</td>
                </tr>
                </tbody>
            </table>
            <table>
                <thead>
                <tr>

                </tr>
                </thead>
                <tbody>
                <tr class="noborder">


                </tr>
                </tbody>
            </table>
        </div>

        <!--                <el-form-item label="上称时间">{{ moment(detailData.gmtWeighOn).format('YYYY-MM-DD HH:mm:ss') }}</el-form-item>-->
        <!--        <el-form-item label="上称时间">{{ gmtWeighOn }}</el-form-item>-->

        <!--        <el-row>-->
        <!--            <el-col :span="12">-->
        <!--                &lt;!&ndash;                <el-form-item label="车身颜色">{{ detailData.vehicle_color_name || detailData.vehicleColorName }}</el-form-item>&ndash;&gt;-->
        <!--                <el-form-item label="车身颜色">{{ '红色' }}</el-form-item>-->
        <!--            </el-col>-->
        <!--            <el-col :span="12">-->
        <!--                &lt;!&ndash;                <el-form-item label="车牌颜色">{{ detailData.vehicle_speed }}</el-form-item>&ndash;&gt;-->
        <!--                <el-form-item label="车牌颜色">{{ '黄色' }}</el-form-item>-->
        <!--            </el-col>-->
        <!--        </el-row>-->
        <!--        <el-row>-->
        <!--            <el-col :span="12">-->
        <!--                &lt;!&ndash;                <el-form-item label="车辆类型">{{ detailData.vehicleTypeName }}</el-form-item>&ndash;&gt;-->
        <!--                <el-form-item label="车辆类型">{{ '货车' }}</el-form-item>-->
        <!--            </el-col>-->
        <!--            <el-col :span="12">-->
        <!--                &lt;!&ndash;                <el-form-item label="车辆轴数">{{ detailData.axle_num }}</el-form-item>&ndash;&gt;-->
        <!--                <el-form-item label="车辆轴数">{{ 4 }}</el-form-item>-->
        <!--            </el-col>-->
        <!--        </el-row>-->
    </el-form>
</template>

<script>
    import moment from 'moment';

    export default {
        name: 'VehicleInfo',
        components: {},
        props: {
            detailData: Object,
            test: Object,
            step: String,
            sta : String,
        },
        data() {
            return {
                outerVisible: false,
                tableData: [],
                totalCount: 0,
                isLoading: false,
                queryParams: {},
                detailLoading: false,
                localVehicleDetail: null,
                mediaTab: 'img',
                Status: true,
            };
        },
        computed: {},
        watch: {},
        mounted() {
            if (this.sta == "历史档案"){
                this.Status = false
            }
        },
        methods: {
            moment,
        }
    };
</script>

<style scoped>

    /deep/
    .el-form-item {
        margin-bottom: 2px;
    }
    /deep/
    .el-form-item__label {
        color: #555;
    }

</style>
